<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<script type="text/javascript">
	$(document).ready(function() {
		//결과를 보여줄 div 영역을 처음에 숨김
		$("#resultAdminArea").hide();
		//모든 회원 검색하는 버튼 click 이벤트
		$("#adminAllMemberBtn").click(function() {
			//이벤트 발생시 div영역을 출력
			$("#resultAdminArea").show();
			//ajax
			$.ajax({
				type : "post",
				//admin.do controller
				url : "${initParam.root}admin.do",
				//controller getAllMember()
				data : "command=getAllMember",
				dataType : "json",
				success : function(dataType) {
					var result1 = "";
					//전체 회원의 list를 JsonData로 가져와서
					//each문으로 var 타입에 할당시킨다.
					$.each(dataType.mList, function(index, list) {
						result1 += "<tr><td>"+list.id+"</td><td>"+list.name+"</td>"
						+"<td>"+list.address+"</td><td>"+list.birthday+"</td>"
						+"<td>"+list.gender+"</td><td>"+list.cellphone+"</td>"
						+"<td>"+list.email+"</td><td>"+list.grade+"</td>"
						+"<td>"+list.point+"</td></tr>";
					});//each
					//할당시킨 회원 정보 리스트를 tbody 부분에 html 코드로 삽입
					$("#resultAdminTB").html(result1);
				}//success
			});//ajax
		});//click
		//id로 검색 버튼 클릭시 
		$("#adminIdBtn").click(function(){
			//div영역 출력
			$("#resultAdminArea").show();
			//ajax
			$.ajax({
				type : "post",
				url : "${initParam.root}admin.do",
				//id text에 입력한 값을 request parameter 값으로 받는 메서드
				//id text의 value값을 받아와 해당 메서드에 삽입
				data : "command=findMemberById&adminId="+$("#adminId").val(),
				dataType : "json",
				//List가 아닌 MemberVO 타입으로 받아오기 때문에
				//each문없이 var타입으로 할당
				success : function(dataType) {
					var result2 = "<tr><td>"+dataType.mvo.id+"</td><td>"+dataType.mvo.name+"</td>"
					+"<td>"+dataType.mvo.address+"</td><td>"+dataType.mvo.birthday+"</td>"
					+"<td>"+dataType.mvo.gender+"</td><td>"+dataType.mvo.cellphone+"</td>"
					+"<td>"+dataType.mvo.email+"</td><td>"+dataType.mvo.grade+"</td>"
					+"<td>"+dataType.mvo.point+"</td></tr>";
					//할당된 정보를 tbody부분에 html 코드로 삽입
					$("#resultAdminTB").html(result2);
				}//success
			});//ajax	
		});//click
		//name으로 검색 버튼 클릭시 
		$("#adminNameBtn").click(function(){
			//div영역 출력
			$("#resultAdminArea").show();
			//ajax
			$.ajax({
				type : "post",
				url : "${initParam.root}admin.do",
				//name text에 입력한 값을 인자값으로 한 method 호출
				data : "command=findMemberByName&adminName="+$("#adminName").val(),
				dataType : "json",
				success : function(dataType) {
					var result3 = "";
					//each 문으로 검색 정보(list)를 var타입에 담는다.
					$.each(dataType.mList, function(index, list) {
						result3 += "<tr><td>"+list.id+"</td><td>"+list.name+"</td>"
						+"<td>"+list.address+"</td><td>"+list.birthday+"</td>"
						+"<td>"+list.gender+"</td><td>"+list.cellphone+"</td>"
						+"<td>"+list.email+"</td><td>"+list.grade+"</td>"
						+"<td>"+list.point+"</td></tr>";
					});//each
					//할당된 정보를 tbody 부분에 html 코드 삽입
					$("#resultAdminTB").html(result3);
				}//success
			});//ajax
		});//click
		//address로 검색 버튼 클릭시(위와 동일)
		$("#adminAddressBtn").click(function(){
			//div영역 출력
			$("#resultAdminArea").show();
			//ajax
			$.ajax({
				type : "post",
				url : "${initParam.root}admin.do",
				data : "command=findMemberByAddress&adminAddress="+$("#adminAddress").val(),
				dataType : "json",
				success : function(dataType) {
					var result4 = "";
					$.each(dataType.mList, function(index, list) {
						result4 += "<tr><td>"+list.id+"</td><td>"+list.name+"</td>"
						+"<td>"+list.address+"</td><td>"+list.birthday+"</td>"
						+"<td>"+list.gender+"</td><td>"+list.cellphone+"</td>"
						+"<td>"+list.email+"</td><td>"+list.grade+"</td>"
						+"<td>"+list.point+"</td></tr>";
					});//each
					//tbody 부분에 html 코드 삽입
					$("#resultAdminTB").html(result4);
				}//success
			});//ajax
		});//click
	});//ready
</script>
<h2><font>회원 검색</font></h2>
	<table border="0">
		<tr>
			<th>타 입</th><th>텍 스 트</th><th>버 튼</th>
		<tr>
			<td>아 이 디</td>
			<td><input type="text" id="adminId"></td>
			<td><input type="button" id="adminIdBtn" value="검색"></td>
		</tr>
		<tr>
			<td>이 름</td>
			<td><input type="text" id="adminName"></td>
			<td><input type="button" id="adminNameBtn" value="검색"></td>
		</tr>
		<tr>
			<td>주 소</td>
			<td><input type="text" id="adminAddress"></td>
			<td><input type="button" id="adminAddressBtn" value="검색"></td>
		</tr>
		<tr>
			<td colspan="2">전 체 보 기</td>
			<td><input type="button" id="adminAllMemberBtn" value="검색"></td>
		</tr>
	</table>
	<br>
	<br>
	<br>
<div id="resultAdminArea">
	<table border="3">
		<thead>
			<tr bgcolor="orange">
				<th width="150">아이디</th><th width="100">이름</th><th width="230">주소</th>
				<th width="150">생년월일</th><th width="100">성별</th><th width="150">연락처</th>
				<th width="150">이메일</th><th width="100">회원등급</th><th width="100">포인트</th>
		</tr>
		</thead>
		<tbody id="resultAdminTB">
		</tbody>
	</table>
</div>